/* mine/pages/refundRecord/refundRecord.less */
@import "../../../commin/commin.less";

page {
  background-color: @text-color6;
}

.reRecBox {
  .margins(16rpx, 24rpx, 16rpx, 24rpx);
  background: linear-gradient(0deg, @white-color, #F4F6F8);
  .borders(2rpx, @white-color);
  box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
  border-radius: 16rpx;

  .record_item {
    .margins(40rpx, 32rpx, 0, 32rpx);
    padding-bottom: 40rpx;
    border-bottom: 1rpx dashed #C0C4CC;
    .itemDisplay1{
      display: flex;
      .img1{
        .kuangao(60rpx,60rpx);
        margin-top: 20rpx;
      }
      .itemRight{
        width: 580rpx;
        margin-left: 25rpx;
      }
    .itemDisplay {
      display: flex;
      justify-content: space-between;

      .itemTitle {
        display: flex;
        align-items: center;
        margin-bottom: 23rpx;

        .name {

          .kuan(350rpx);
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          .fontsize(30rpx);
          font-family: PingFang SC;
          font-weight: bold;
          color: @text-color1;

        }

        .tag {
          margin-left: 16rpx;
          .kuangao(118rpx, 32rpx);
          .lineheight(32rpx);
          .borders(1rpx, @blue);
          text-align: center;
          background: rgba(20, 135, 250, 0.06);
          border-radius: 16rpx;
          .fontsize(22rpx);
          font-family: PingFang SC;
          font-weight: 500;
          color: @blue;
        }
      }

      .changeAmount {
        .fontsize(34rpx);
        font-family: DIN;
        font-weight: bold;
        color: @text-color1;
        .img{
          .kuangao(10rpx,20rpx);
          margin-bottom: 4rpx;
		  margin-left: 12rpx;
        }
      }

      .changeAmount1 {
        .fontsize(34rpx);
        font-family: DIN;
        font-weight: bold;
        color: @orange;
      }

      .changeAmount2 {
        .fontsize(34rpx);
        font-family: DIN;
        font-weight: bold;
        color: @orange;
        margin-top: 26rpx;
        right: 56rpx;
        position: absolute;
      }

      .balance {
        display: flex;
        .fontsize(26rpx);
        font-family: PingFang SC;
        font-weight: 500;
        color: @text-color3;

        .money {
          color: @orange;
        }
      }

      .time {
        .fontsize(24rpx);
        font-family: PingFang SC;
        font-weight: 400;
        color: @text-color3;
      }
      .type1{
        .fontsize(24rpx);
font-family: PingFangSC;
font-weight: 400;
color: @blue;
      }
      .type2{
        .fontsize(24rpx);
font-family: PingFangSC;
font-weight: 400;
color: @yellow;
      }
      .type3{
        .fontsize(24rpx);
font-family: PingFangSC;
font-weight: 400;
color: @orange;
      }
      

    }
  }
  }

  .record_item:last-child {
    border-bottom: 0rpx;
  }
}
.noList {
  text-align: center;
  font-size: 24rpx;
  color: #9699A6;
  padding: 24rpx;
}